<template>
  <div>
    <h1>v-model的原理</h1>
    <!-- v-model是一个语法糖 -->
    <!-- v-model做了两件事 -->
    <!-- 1、使用v-bind绑定value属性 -->
    <!-- 2、给输入框绑定了input事件，在事件触发的时候，将文本框value赋值给变量 -->
    <!-- <input type="text" v-model="msg"> -->
    <input type="text" :value="msg" @input="msg = $event.target.value">
  </div>
</template>

<script>
export default {
data(){
  return{
    msg:'你好世界'
  }
}
}
</script>

<style>

</style>